/* CSS Document */
*{margin:0; padding:0}
body{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333}
img{border:0}
a:link,a:visited,a:active{color:#ff4e83; text-decoration:none}
a:hover{text-decoration:underline}

/* comment */
.action{font-size:12px; padding:8px 10px; border-top:solid 1px #CCC; background-color:#FAFBFB}
.comment{padding:5px 10px; line-height:18px; background-color:#EFEFEF; border-bottom:solid 1px #FFF}
.comment .comment_img{width:30px; float:left}
.comment .comment_img img{width:30px; height:30px; float:left; margin-right:5px; border:solid 1px #ccc}
.comment .comment_cm{width:440px; float:right}
.comment .comment_photo{width:240px; float:right; font-size:12px}
.comment .frmcomment{width:425px; float:right; line-height:18px; height:18px; color:#999; font-size:12px; padding:5px; border:solid 1px #D3D7DC}
.comment .frmcomment_photo{width:210px; float:right; line-height:18px; height:18px; color:#999; font-size:12px; padding:5px; border:solid 1px #D3D7DC}

#wrapper{width:1000px; margin:0 auto}
#login{width:100%}
#login #col1{width:540px; float:left}
#login #col1 #logo{width:100%; line-height:80px; margin-bottom:10px}

#login #col2{width:450px; float:right}
#login #col2 #formlogin{height:60px; line-height:20px; padding:10px; background-color:#cd1c51; font-size:90%; color:#FFF}
#login #col2 #formlogin .txt{width:140px; height:18px; line-height:18px; padding:0 5px; font-size:12px; color:#666; border:0; background-color:#FFF0F4}

#login #col2 #formregister{width:100%; height:553px; background:url(images/register_bg.jpg) repeat-x}
#login #col2 #formregister hr{height:1px; background-color:#cd9ca8; border:0; margin-bottom:5px}
#login #col2 #formregister #item1{color:#7a122d; padding:30px 35px 0 35px; margin-bottom:5px;}
#login #col2 #formregister #item1 h1{font-size:150%; padding:3px 0}
#login #col2 #formregister #item1 h2{font-size:110%; font-weight:normal; padding:3px 0; margin-bottom:5px}
#login #col2 #formregister #item2{color:#471d28; padding:0 35px}
#login #col2 #formregister #item2 .txt{width:200px; height:22px; line-height:22px; padding:0 5px; color:#666}
#login #col2 #formregister #item2 .select{width:70px; height:22px; line-height:22px}
#login #col2 #formregister #item2 .select2{width:105px; height:22px; line-height:22px}

#header{width:100%; height:45px; color:#FFC1D3; position:fixed; top:0; background-color:#FE4D81; z-index:100}
#header a{color:#FFF; font-weight:bold}
#header #user{width:auto; float:right;; line-height:45px;}
#header #user img{width:25px; float:left; margin:10px 5px 0 0}
#header #logo{line-height:45px; width:auto; float:left}
#header #logo span{color:#FFF; font-size:20px; font-weight:bold}
#header #logo span a{float:left; color:#FFF; font-size:20px; font-weight:bold}
#header #logo a{color:#FEE9EF; font-size:11px; font-weight:100;}
#header #search{width:300px; float:left; margin:10px 0 0 100px;}
#header #search input{width:300px; color:#999; padding:3px 5px; border:solid 1px #CCC; background:url(images/icon_search.jpg) no-repeat right #FFF}
#header #search #box_kq{display:none; width:300px; line-height:40px; margin-top:23px; background-color:#FFF; border:solid 1px #999; position:fixed}
#header #search #box_kq .item{margin:5px; clear:both}
#header #search #box_kq .item img{float:left; margin-right:10px}
#header #search #box_kq .item a{display:block; color:#FE4D81}
#header #search #box_kq .item a:hover{background-color:#FFDDE8}

#slider{clear:both; width:1000px; height:300px; margin-top:45px; position:relative;}
#slider .nen{width:430px; height:200px; background-color:#000; position:absolute; opacity:0.5; filter:alpha(opacity=50); cursor:pointer}
#slider .nen .info_tuan{width:410px; height:auto; color:#999; padding:10px; font-size:11px; position:absolute; bottom:0}
#slider .nen .view_tuan{width:auto; line-height:40px; padding:0 10px; color:#999; font-weight:bold; font-size:16px; position:absolute; top:30px}
#slider .info{width:580px; height:auto; font-weight:bold; color:#FF025A; padding:10px; position:absolute; bottom:20px; background:rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9fFFFFFF, endColorstr=#9fFFFFFF);}
#slider .slider_ac{width:430px; height:200px; padding:5px; position:absolute; top:30px; z-index:1; background:url(images/slider_left.jpg) no-repeat}
#slider .slider_ac img{width:430px; height:200px}
#slider .slider_center{width:600px; height:280px; padding:0 5px 20px 5px; position:absolute; top:0; left:200px; z-index:2; background-color:#F96; background:url(images/slider_center.png) no-repeat}
#slider .slider_center img{width:600px; height:280px;}

#user_info{width:100%; height:136px; margin-top:10px}
#user_info #item1{width:500px; height:146px; float:left}
#user_info #item1 img{width:130px; float:left; margin-right:10px; padding:2px; border:solid 1px #c8d1e2}
#user_info #item1 div{width:350px; float:left; margin-top:40px}
#user_info #item1 div a{font-size:24px; font-weight:bold}
#user_info #item1 div h1{font-size:24px; font-weight:bold}
#user_info #item1 div p{background:url(images/info_icon.jpg) no-repeat left; padding-left:15px; color:#6a6a6a; font-size:12px; line-height:16px; margin-top:5px}
#user_info #item2{width:500px; float:right}
#user_info #item2 #function{width:100%; height:27px; margin:30px 0 20px 0; text-align:right}
#user_info #item2 #function a{width:111px; line-height:27px; text-align:center; color:#333; font-weight:bold; background:url(images/function.jpg) no-repeat; display:block; float:right; margin-left:10px}
#user_info #item2 h2{font-size:13px; width:490px; float:right}

#left{width:275px; float:left; height:700px}
#right{width:200px; float:right; font-size:12px; margin-left:10px; height:700px}

#news{width:275px; height:480px; overflow:auto; background-color:#FFF; border: solid 1px #ccc}
#news .item{padding:10px 5px 0 5px; color:#666; font-size:12px}
#news .item p{line-height:20px; height:40px; margin-bottom:10px; overflow:hidden}
#news .item img{height:38px; float:left; margin-right:5px; border:solid 1px #CCC}
#news .item hr{height:1px; background-color:#dedede; border:0}

#wall{width:500px; float:right}
#wall #status{background-color:#FFF; height:auto; margin-bottom:10px; border: solid 1px #ccc}
#wall #status .item{width:100%; height:16px; margin:10px 0 10px 20px}
#wall #status .item a{display:block; width:100px; float:left; padding-left:20px; font-weight:bold}
#wall #status .content{width:486px; clear:both; margin:5px; border:solid 1px #ccc}
#wall #status .content textarea{width:476px; padding:5px; line-height:20px; border:0; overflow-style:marquee-block; overflow:auto; color:#666}
#wall #status .content #btnstatus{width:64px; height:22px; float:right}
#wall #status .content #status_action{text-align:right; background-color:#f2f2f2; padding:3px}

#wall #status #frmUpload{line-height:90px; text-align:left; display:none}
#wall #status #frmUpload .pic_box{width:auto; float:left}
#wall #status #frmUpload .pic_box img{width:90px; height:80px; float:left; margin:0 0 5px 5px}
#wall #status #frmUpload #btn_upload{clear:both; padding:3px; color:#999; background-color:#E1E1E1}
#wall #status #frmUpload #btn_upload input{padding:3px 10px; width:300px}
#wall #status #frmUpload .photo_name{display:none}

#wall .info{background-color:#FFF; margin-bottom:10px; border: solid 1px #ccc}
#wall .info .title{height:42px; overflow:hidden; margin:10px 10px 20px}
#wall .info .title .icon img{width:40px; float:left; margin-right:10px; border:solid 1px #CCC}
#wall .info .title .name{margin:5px 0; font-weight:bold}
#wall .info .delete{width:auto; line-height:20px; float:right; padding:0 10px; color:#999; font-size:12px; font-weight:bold; cursor:pointer}
#wall .info .date{font-size:12px; color:#999}
#wall .info .content{width:430px; line-height:20px; overflow:hidden; margin:0 0 20px 60px}
#wall .info .view_photo{clear:both; margin-left:10px}
#wall .info .view_photo img{float:left; margin-right:5px}
#wall .image_wall{cursor:pointer}
#wall #view_image{text-align:center; z-index:220; width:700px; margin:auto;cursor:pointer}
#wall .show_cm{display:none}

#chat{width:200px}
#chat .item{border: solid 1px #ccc; margin-bottom:10px; background-color:#FFF}
#chat .item li{line-height:40px; height:40px; overflow:hidden; clear:both; padding:5px; list-style:none}
#chat .item li h3{color:#ff4e83; font-size:12px; border-bottom:solid 1px #CCC; padding:0 5px}
#chat .item li img{height:38px; float:left; margin-right:8px; border:solid 1px #CCC}
#chat .item li a{color:#666}

#all_view{width:785px; float:left; background-color:#FFF; border:solid 1px #CCC}
#all_view #title{width:647px; line-height:48px; color:#666; padding:0 94px 0 44px; border-bottom:solid 1px #dedede}
#all_view #title h2{width:auto; float:left}
#all_view #title a{width:75px; float:right; padding-left:25px; color:#FF025A; font-weight:bold; background:url(images/btn_create_update.jpg) no-repeat center }

#all_view #friend{margin:5px 0 5px 5px}
#all_view #friend .item{width:375px; height:130px; float:left; margin:5px; border:solid 1px #dedede}
#all_view #friend .item img{height:130px; float:left; margin-right:10px}
#all_view #friend .item h4{margin:40px 0 5px}
#all_view #friend .item p{color:#666}
#all_view #friend .btn_xacnhan{color:#FFF; font-size:11px; font-weight:bold; width:65px; text-align:center; padding:4px; background:url(images/btn_xacnhan.jpg) no-repeat; border:none; cursor:pointer; margin:10px 10px 0 0; }
#all_view #friend .btn_huy{color:#FFF; font-size:11px; font-weight:bold; width:65px; text-align:center; padding:4px; background:url(images/btn_huy.jpg) no-repeat; border:none; cursor:pointer; margin-top:10px}

#all_view #create{margin:20px 30px 80px 80px}
#all_view #create #create_id{clear:both; margin:20px 0}
#all_view #create #create_frm{clear:both; margin:20px 0}
#all_view #create #create_frm input{padding:5px 10px; margin:0 5px}
#all_view #create #btn_upload{clear:both; padding:5px 20px; margin-right:60px; line-height:20px; background-color:#E8E8E8}
#all_view #create #btn_upload span{font-weight:bold; padding-right:15px}
#all_view #create #btn_upload input{padding:3px 5px}
#all_view #create .photo_name{display:none}
#all_view #create #pic_box_load {background-color:#999}
#all_view #create .pic_box img{width:300px; height:200px; margin-left:2px; border:solid 1px #CCC}

#all_view #photos{padding-top:10px; background:url(images/timeline.jpg) repeat-y center}
#all_view #photos .item{width:100%; height:270px; clear:both}
#all_view #photos .view{height:154px; overflow:hidden}
#all_view #photos .nhatky{float:right; padding-top:5px}

#all_view #photos .col1{width:418px; height:225px; margin-left:10px; position:absolute; z-index:2}
#all_view #photos .col1 .info{width:290px; height:190px; color:#666; line-height:22px; overflow:hidden; padding:10px; float:left; margin-left:20px; background:url(images/photo_bg.jpg) no-repeat top left}
#all_view #photos .col1 img{width:300px; height:200px; padding:5px; float:left; margin-left:20px; background:url(images/photo_bg.jpg) no-repeat top left}
#all_view #photos .col1 .date{width:70px; line-height:20px; float:right; margin-top:40px; padding-left:10px; text-align:right; color:#666; background:url(images/arrow_l.jpg) no-repeat left #fff}
#all_view #photos .col1 .title{clear:both; line-height:25px; margin:0 80px 0 30px; font-weight:bold; text-align:center}

#all_view #photos .col2{width:395px; height:225px; margin:80px 0 0 360px; position:absolute; z-index:5}
#all_view #photos .col2 .info{width:290px; height:190px; color:#666; line-height:22px; overflow:hidden; padding:10px; float:right; background:url(images/photo_bg.jpg) no-repeat top left}
#all_view #photos .col2 img{width:300px; height:200px; padding:5px; float:right; background:url(images/photo_bg.jpg) no-repeat top left}
#all_view #photos .col2 .date{width:70px; line-height:20px; float:left; margin-top:90px; padding-right:10px; color:#666; background:url(images/arrow_r.jpg) no-repeat right #fff}
#all_view #photos .col2 .title{clear:both; line-height:25px; margin-left:90px; font-weight:bold; text-align:center}

#all_view #picture{margin:5px 0 0 5px}
#all_view #picture img{width:235px; height:157px; padding:2px; border:solid 1px #dedede}
#all_view #picture .image_one{width:245px; height:175px; float:left; margin-left:10px; overflow:hidden}
#all_view #picture .image_one .set_add{display:none; position:absolute; width:220px; padding:3px 10px; color:#FFF; background-color:#666; opacity:0.8; filter:alpha(opacity=80); cursor:pointer}
#all_view .add_image{clear:both; padding:20px 30px; background-color:#E8E8E8}
#all_view .add_image .pic_box img{width:230px; height:155px; float:left; margin-right:5px}

#infomation{width:785px; float:left}
#infomation #title{line-height:48px; color:#666; padding:0 20px 0 44px; border-bottom:solid 1px #dedede}
#infomation #title h2{width:auto; float:left}
#infomation #title a{float:right; padding-top:12px}
#infomation #col1{width:385px; height:630px; float:left; background-color:#FFF; border:solid 1px #CCC}
#infomation #col2{width:385px; height:630px; float:right; background-color:#FFF; border:solid 1px #CCC}
#infomation .content{margin:20px 10px}
#infomation .content .col1{width:30%; line-height:30px; float:left; text-align:right}
#infomation .content .col2{width:68%; line-height:30px; font-weight:bold; float:right}
#infomation .content .nhungduacon{margin-left:30px}
#infomation .text{padding:2px 5px; width:200px; border: solid 1px #999; color:#666}
#infomation .select{padding:2px 0px; width:150px; border: solid 1px #999; color:#666}
#infomation .select1{padding:2px 0px; width:70px; border: solid 1px #999; color:#666}
#infomation .select2{padding:2px 0px; width:105px; border: solid 1px #999; color:#666}
#infomation .submit{padding:3px; width:150px; color:#333; background-color:#CCC; border:solid 1px #666; cursor:pointer}

#rules{clear:both; width:600px; margin:60px 0 40px 200px; line-height:25px; font-size:14px}
#rules li{margin-left:40px}
#rules h1, #rules h2, #rules h3 {color:#ff4e83; font-size:16px; padding-top:20px}

#footer{width:100%; clear:both; padding:10px 0; background-color:#FE4D81; color:#000; font-size:12px; position:absolute; z-index:100}

#video{margin-top:60px}
#video h1{color:#666; font-size:24px; margin:20px 0; padding-left:35px; background:url(images/video.jpg) no-repeat left}

.item_articles{width:450px; float:left; height:110px; padding:5px; margin:0 10px 10px 0; background-color:#FFF; border:solid 1px #CCC}
.item_articles img{width:150px; height:110px; float:left; margin-right:10px}
.item_articles h2{font-size:13px; line-height:22px}
.item_articles h4{line-height:22px; height:66px; color:#333; font-weight:100; font-size:13px; overflow:hidden}

#view_post{width:500px; float:left; padding:5px; background-color:#FFF}
#view_post iframe{width:500px; height:400px}
#view_post h1{font-size:18px; color:#ff4e83; padding-top:10px}
#view_post .date{padding-left:20px; line-height:14px; background:url(images/datetime.jpg) left no-repeat; color:#666; margin:10px 0 20px 0}
#view_post p, #view_post div{line-height:22px; margin:10px 0}
#view_post h2,#view_post h3,#view_post h4,#view_post h5{font-size:13px}

#comment_video{width:470px; float:right; margin-top:110px; padding:5px; background-color:#EFEFEF}
#comment_video .avatar{width:30px; height:30px; float:left}
#comment_video input{width:420px; float:right; line-height:18px; height:18px; color:#999; font-size:12px; padding:5px; border:solid 1px #D3D7DC}
#comment_video .item{clear:both; padding:10px 0}
#comment_video .item img{width:30px; height:30px; border:solid 1px #CCC; float:left}
#comment_video .item .content{width:91%; float:right; line-height:20px}
#comment_video .item .date{color:#999; font-size:12px }
#comment_video .item .content strong{color:#ff4e83}

#navigator{clear:both; line-height:30px}
#navigator a{color:#8B8B8B; margin-left:20px; padding-left:15px; background:url(images/arrow_l.jpg) left no-repeat}

#view_notification{width:300px; height:490px; overflow:auto; position:fixed; top:45px; background-color:#EBEBEB; border: solid 2px #ccc; visibility:hidden; z-index:2000px}
#view_notification .item{padding:5px; color:#666}
#view_notification .item p{line-height:15px; height:30px; margin-bottom:10px; overflow:hidden}
#view_notification .item img{height:28px; float:left; margin-right:5px; border:solid 1px #CCC}
#view_notification .item hr{height:1px; background-color:#dedede; border:0}

/* popup */
#backgroundPopup{display: none; position: fixed; _position: absolute; /*IE 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; order: 1px solid #CECECE; z-index:200} 
#popupContact{display: none; position: fixed; _position: absolute; /*IE 6*/ height:520px; width:1000px; z-index:210}
#popupContactClose{display:block; clear:both; font-size: 14px; line-height: 14px; font-weight: bold; text-align:right}  

/* picture one */
#content_pic{width:1000px; background-color:#333}
#content_pic .pic_one{float:left}
#content_pic .comment_pic{width:300px; height:525px; float:right; background-color:#FFF}

#content_pic .comment_pic .info{background-color:#FFF}
#content_pic .comment_pic .info .title{height:42px; overflow:hidden; margin:10px 10px 20px}
#content_pic .comment_pic .info .title .icon img{width:40px; float:left; margin-right:10px; border:solid 1px #CCC}
#content_pic .comment_pic .info .title .name{margin:5px 0; font-weight:bold}
#content_pic .date{color:#999; font-size:12px}
#content_pic .comment_pic .info .content{margin:0 10px 20px 10px}

.error{font-weight:bold; color:#F00}
.message{font-weight:bold; color:#00F}
.require{font-weight:bold; color:#339900}
#btnregister{width:118px; color:#FFF; font-weight:bold; height:27px; margin-bottom:5px; background:url(images/register_btn.jpg); border:none; cursor:pointer}
#btnlogin{width:75px; height:22px; color:#FFF; font-weight:bold; font-size:11px; background:url(images/login_btn.jpg); border:none; cursor:pointer}
.share{border:0; background-color:#F2F2F2; color:#666; width:95px; height:22px; margin-right:10px}

/*scroll*/
#floatDiv.fixed {position:fixed;top:45px; bottom:50px; width:200px}
#floatDiv2.fixed {position:fixed;top:45px; bottom:50px; width:275px}

#content_tuanthai{height:250px; overflow:auto}
#content_cungquan{height:250px; overflow:auto}
#content_photo{width:300px; height:330px; overflow:auto}
.mCSB_container{width:auto; margin-right:0px; overflow:hidden}
.mCustomScrollBox>.mCSB_scrollTools{width:5px; height:100%; top:0; right:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_scrollTools .mCSB_dragger{cursor:pointer; width:100%; height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center}
.mCSB_scrollTools .mCSB_draggerRail{background:#000; background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#323232; background:rgba(50,50,50,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" }
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#323232; background:rgba(50,50,50,0.4);}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;	background:rgba(0,0,0,0.3);}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;	background:#000; background:rgba(0,0,0,0.1);}